<template>
  <view>
    <my-layout :tabbar-is-show="false" :is-absolute-body="true">
      <template #Navbar>
        <view
          style="width: 100%; height: 100%; display: flex; align-items: center"
        >
          <image
            :src="indexTabBarUrl.navigateBack"
            style="width: 30rpx; height: 30rpx; margin-left: 40rpx"
            @click="goback()"
          />
        </view>
      </template>
      <template #Body>
        <view class="videos_con" :style="{ height: videoHeight + 'px' }">
          <image
            class="video_img"
            :style="{ height: videoHeight + 'px' }"
            src="http://llg.qiniu.comeinvip.com/images/broadcasts/bc_bj.jpg"
          >
          </image>
          <view class="newvideos_function2">
            <view class="vd_fun01">
              <image
                src="http://llg.qiniu.comeinvip.com/images/broadcasts/zan01.png"
              ></image>
              <text>0</text>
            </view>
            <view class="vd_fun01">
              <image
                src="http://llg.qiniu.comeinvip.com/images/broadcasts/pf01.png"
              ></image>
              <text>5.0</text>
            </view>
            <view class="vd_fun01">
              <image
                src="http://llg.qiniu.comeinvip.com/images/broadcasts/pl01.png"
              ></image>
              <text>36</text>
            </view>
            <view class="vd_fun01" @click="openrewards()">
              <image
                src="http://llg.qiniu.comeinvip.com/images/broadcasts/ds01.png"
              ></image>
              <text>打赏</text>
            </view>
          </view>
          <view class="videos_photo videos_mar">
            <image
              src="http://llg.qiniu.comeinvip.com/images/broadcasts/pics.png"
            ></image>
            <text>赵本山</text>
          </view>
        </view>
        <!--打赏-->
        <rewards @setreword="closeReword" :rewardsShow="rewardBoolea"></rewards>
      </template>
    </my-layout>
  </view>
</template>

<script>
import reward from "@/components/reward/reward.vue";
import indexTabBarUrl from "@/url/index_tabBar";
export default {
  components: {
    rewards: reward,
  },
  data() {
    return {
      indexTabBarUrl,
      videoHeight: 500,
      navHeight: uni.getSystemInfoSync()["statusBarHeight"],
      rewardBoolea: false,
    };
  },
  methods: {
    goback() {
      uni.navigateBack();
    },

    openrewards() {
      this.rewardBoolea = true;
    },
    //关闭打赏
    closeReword(res) {
      this.rewardBoolea = false;
    },
  },
  onLoad() {
    let vdHeight = uni.getSystemInfoSync().windowHeight;
    this.videoHeight = vdHeight;
  },
};
</script>

<style>
@import url(@/static/css/contents.css);
</style>
